<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title></title>
	</head>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}
	</style>
	<body>
		<div style="background-color: #f8f8f8;width: 100%;height: 100vh;position: relative;">
			<div style="display: flex;flex-direction: column;margin: 16px;">
				<!--par1 -->
				<div
					style="border-radius: 16px;display: flex;flex-direction: column;background: #fff;padding: 16px;box-shadow: 0px 2px 5px 0px rgba(137,166,160,0.08);margin-bottom:12px ;">
					<h3 style="color: #333;font-size: 18px;">会谈成效量表ORS</h3>
					<div style="display: flex;flex-direction: row;align-items: center;">
						<span style="color: #666;font-size: 14px;padding-top: 6px;padding: bottom 4px; ">测评时间：2023-09-01
							09:12:12</span>
					</div>
					<div style="display: flex;flex-direction: row;align-items: center;">
						<span style="color: #666;font-size: 14px; ">测评人：李大伟 167555672211</span>
					</div>
				</div>
				<!-- part2-->
				<div
					style="border-radius: 16px;display: flex;flex-direction: column;background: #fff;padding: 18px 16px;box-shadow: 0px 2px 5px 0px rgba(137,166,160,0.08);">
					<h3 style="color: #333;font-size: 16px;padding-bottom:8px ;">测评结果</h3>
					<p style="font-size: 18px;font-weight: 600;color: #333;padding-bottom: 20px;">
						身心健康：34，人际关系：34，生活社交：34，整体状况34</p>
					<img style="width: 100%;height: 177px;margin: 0 auto;background-color: pink;margin-bottom: 30px;" />
					<h3 style="color: #333;font-size: 16px;padding-bottom:8px;">结果说明：</h3>
					<div style="padding-bottom: 8px;">
						<div style="display: flex;flex-direction: row;align-items: center;padding-bottom: 4px;">
							<p style="color: #666666;font-size: 14px;">
								<span style="color:#333;font-weight: 500;">身心健康：</span>
								得分34
							</p>
						</div>
						<div style="display: flex;flex-direction: row;align-items: center;">
							<p style="color: #999;font-size: 14px;">
								<span style="color:#333;font-weight: 500;line-height: 25px;">说明：</span>
								我是说明我是说明34
							</p>
						</div>
					</div>
					<div style="padding-bottom: 8px;">
						<div style="display: flex;flex-direction: row;align-items: center;padding-bottom: 4px;">
							<p style="color: #666666;font-size: 14px;">
								<span style="color:#333;font-weight: 500;">人际关系：</span>
								得分34
							</p>
						</div>
						<div>
							<div style="display: flex;flex-direction: row;align-items: center;">
								<p style="color: #999;font-size: 14px;">
									<span style="color:#666;font-weight: 500;line-height: 25px;">说明：</span>
									我是说明我是说明34
								</p>
							</div>
						</div>
					</div>
					<div style="padding-bottom: 8px;">
						<div style="display: flex;flex-direction: row;align-items: center;padding-bottom: 4px;">
							<p style="color: #666666;font-size: 14px;">
								<span style="color:#333;font-weight: 500;">生活社交：：</span>
								得分34
							</p>
						</div>
						<div style="display: flex;flex-direction: row;align-items: center;">
							<p style="color: #999;font-size: 14px;">
								<span style="color:#666;font-weight: 500;line-height: 25px;">说明：</span>
								我是说明我是说明34
							</p>
						</div>
					</div>
					<div style="padding-bottom: 8px;">
						<div style="display: flex;flex-direction: row;align-items: center;padding-bottom: 4px;">
							<p style="color: #666666;font-size: 14px;">
								<span style="color:#333;font-weight: 500;">整体状况：</span>
								得分34
							</p>
						</div>
						<div>
							<div style="display: flex;flex-direction: row;align-items: center;">
								<p style="color: #999;font-size: 14px;">
									<span style="color:#666;font-weight: 500;line-height: 25px;">说明：</span>
									我是说明我是说明34
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
	</body>
</html>